<!DOCTYPE html>
<head>
  <meta charset="UTF-8">
  <title>
   HTML5 form input datalist 3
  </title>
</head>
<html>
<body>

<form action="demo_form.asp" method="get">
<p>Select the city 1
<input type="text" name="acity" list="acity">
<select id="acity">
  <option value="Boston">Boston</option>
  <option value="Cambridge">Cambridge</option>
</select>
<input type="submit">
</form>

<form action="demo_form.asp" method="get">
<p>Select the city 2
<input type="text" name="cityname" list="cityname">
<datalist id="cityname">
  <option value="Boston">
  <option value="Cambridge">
</datalist>
<input type="submit">
</form>

<form action="demo_form.asp" method="get">
<p>Select browser
<input type="text" list="browsers" name="browser">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
<input type="submit">
</form>

  
</body>
</html>
